
  body {
      background-image: url(../images/background.jpg);
      background-repeat: no-repeat;
      background-position: fixed;
      background-size: cover;
  }

  .images {
        width: 25px;
        height: 25px;
    }

    .searchValue {
        width: 100%;
        height: 30px;
        margin-top: 10px;
        padding-left: 10px;
        border: none;
        border-radius: 3px;
        outline: none;
    }

    .searchValue:focus {
       border: 1px solid #ef3400;
    }

     .searchBtn {
        position: relative;
        float: right;
        width: 30px;
        height: 30px;
        margin-top: -30px;
        background: rgba(255, 255, 255, 0);
        background-image: url(../images/search2.png);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
        border: none;
    }

      .searchBtn:hover {
        background-image: url(../images/search3.png);
    }

    .nav-navbar-ul li {
        padding: 0 25px;
    }

     .home, .loginout, .userCenter {
          background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: left;
     }

    .home {
        background-image: url(../images/home.png);
    }

    .loginout {
        background-image: url(../images/loginout.png)
    }

    .userCenter {
          background-image: url(../images/user.png)
    }

    .home>span, .loginout>span, .userCenter>span {
        color: #8a8a8a;
    }

    .home:hover {
        background-image: url(../images/home1.png);
    }

    .loginout:hover {
        background-image: url(../images/loginout1.png)
    }

    .userCenter:hover {
          background-image: url(../images/user1.png)
    }

    .home:hover>span, .loginout:hover>span, .userCenter:hover>span {
        color: #ef3400;
    }


    /* 中间内容的布局 */

    .main_container {
        margin-top: 80px;
        background: rgba(0, 0, 0, 0.2)
    }

    .left_navigate{
        position: relative;
        width: 100%;
    }

   .list-group-item {
       border: none;
       background: rgba(0, 0, 0, 0);
       text-align: center;
   }

   .list-group-item>a {
       color: #fff;
       width: 100%;
   }

    .list-group-item>a:hover {
        list-style: none;
        text-decoration: none;
    }

     .list-group-item:hover {
         background: rgba(0, 0, 0, 0.4)
     }

     .list-group-item:first-child {
         margin-top: 20px;
     }

     .right_content #titleText {
         position: relative;
         padding-top: 20px;
         color: #fff;
         font-size: 16px;
         font-family: "WBswficon" !important
     }

     .W_input {
        height: 68px;
        width: 100%;
        margin: 0px;
        padding: 5px 10px;
        margin-top: 10px;
        border-style: none;
        border-width: 0px;
        font-size: 14px;
        word-wrap: break-word;
        line-height: 18px;
        overflow: hidden;
        outline: none;
        resize: none;
        min-height: 68px;
        background: rgba(0, 0, 0, 0.4);
        color: #fff;
     }

     .W_input:focus {
        border: 1px solid #ef3400;
     }

     .main_content img {
         width: 20px;
         height: 20px;
         margin-right: 5px;
     }

     .main_content>a {
         position: relative;
         margin-right: 25px;
         color: #fff;
     }

     .main_content>a:hover {
         color: blue;
         text-decoration: none;
     }

     .sendBtn {
         float: right;
         padding: 5px 25px;
         color: #fff;
         background: #fbbd9e;
     }

     .sendBtn:hover {
         color: #fff;
     }

     /* table布局时的样式 */

     .table>tbody>tr>td {
         border-top: none;
         /* border-bottom: 1px solid #ef3400; */
         color: #fff;
     }

     .userLogo {
         width: 60px;
         height: 69px;
         text-align: center;
     }

     .userLogo>img {
         width: 100%;
         height: 100%;
         border-radius: 50%;
     }

     .userContent>table{
         margin-bottom: 15px;
     }

     .userContent>table {
         width: 100%;
     }

     .userName {
         font-size: 24px;
         font-family: 'Courier New', Courier, monospace
     }

     .userText {
         font-size: 16px;
     }

     .userImages, .userOtherImages {
        position: relative;
        width: 100%;
        height: 300px;
     }

     .userImages>img {
         position: absolute;
         width: 100%;
         height: 100%;
         top: 0;
         margin-top: 10px;
         /* padding-bottom: 20px; */
     }

     .userOtherImages>table>tbody>tr>td {
         position: relative;
         width: 110px;
         height: 110px;
     }

     .userOtherImages>table>tbody>tr>td>img {
         position: absolute;
         width: 100px;
         height: 100px;
         top: 0;
         margin-top: 10px;
     }

     .contextContainer>td>table {
         width: 100%;
     }

    .contextContainer>td>table>tbody>tr>td {
         width: 25%;
         text-align: center;
         border-right: 1px solid #fff;
     }

    .contextContainer>td>table>tbody>tr>td:last-child {
         border-right: none;
     }

